<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'showShangpin.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!-- 引入jquery.js -->
 <script type="text/javascript" src="./js/jquery.min.js"></script>
    <style rel="stylesheet" type="text/css">
    #center{
     text-align:center
    }
    </style>
    <script>
    function ck(){
    	var id_box = document.getElementsByName("id_box");	
    	var b=false;   
    	//alert("b=true"+id_box.length);   		
   	for(var i=0;id_box.length;i++){ 		
   		if(id_box[i].checked==true){
   		 b=true;
   		//alert("b"+b);
   		 break;
   		  }else{ break;}
     	}
   	//alert("请至少选择一个b"+b);
   	if(b==false){
	   	  alert("请至少选择一个")
	   	  return false;
	     }
    var tbodyObj = document.getElementById('tbodyID');
    alert("进入");
    //获取选中的数据组
    var array = $("table input[type=checkbox]:checked").map(function () {
        return {"gysname": $.trim($(this).closest("tr").find("td:eq(1)").text()), "spname": $.trim($(this).closest("tr").find("td:eq(2)").text()),
        	     "url": $.trim($(this).closest("tr").find("td:eq(9)").text()),"spsl": $.trim($("#shuliang").val())};
    }).get();
   
    $.each(array, function (i, d) {
        alert( d.gysname+"+"+d.spname +"+"+d.url+"+"+d.spsl);
        
    });
    var datas=arrayToJson(array);
    //转成json数据
    function arrayToJson(o) {
        var r = [];
        if (typeof o == "string") return "\"" + o.replace(/([\'\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/g, "\\t") + "\"";
        if (typeof o == "object") {
          if (!o.sort) {
            for (var i in o)
              r.push(i + ":" + arrayToJson(o[i]));
            if (!!document.all && !/^\n?function\s*toString\(\)\s*\{\n?\s*\[native code\]\n?\s*\}\n?\s*$/.test(o.toString)) {
              r.push("toString:" + o.toString.toString());
            }
            r = "{" + r.join() + "}";
          } else {
            for (var i = 0; i < o.length; i++) {
              r.push(arrayToJson(o[i]));
            }
            r = "[" + r.join() + "]";
          }
          return r;
        }
        return o.toString();
      }
   // var jsons = JSON.stringify(arrayString);
     
    //异步加载数据
    $.ajax({
        type : "post",
        async : false,            //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）
        url : "Shangpin.do?method=insertIn",    //请求发送到TestServlet处
        data : {'data1':datas},
        dataType : "json",        //返回数据形式为json
        success : function(json) {
        	
           //请求成功时执行该函数内容，result即为服务器返回的json对象
          
          //  alert("异步存储成功");
            window.location.href="<%=path%>/Shangpin.do?method=dayinchukudan";
        }  
    });
    
    
    
    } 
   
   
</script>
 
<script type="text/javascript">

function zeng(form){
	if(form.name.value==''){
	alert('用户名不能为空！');
	form.name.focus();
	return false;
	}
	var regAge = /^\d{1,2}$/;
	if(form.password.value=='') {
	alert('年龄必须为数字！');
	form.password.focus();
	return false;
	}
	return true;
	}
	
	
function xiugai(form){
	if(form.name.value==''){
	alert('用户名不能为空！');
	form.name.focus();
	return false;
	}
	var age = $.trim($("#txtAge").val());
	var regAge = /^\d{1,2}$/;
	if(regAge.exec(age)==null) {
	alert('年龄必须为数字！');
	form.password.focus();
	return false;
	}
	return true;
	}
</script>  
 
  </head>
  
  <body>
  <h1></h1>
    	<form action="Shangpin.do?method=selectByShangpin" method="post"><!--
			ID:<input type="text" name="id"/>-->
			供应商名:<input type="text" name="gysname"/>
			价格:<input type="text" name="price"/>	
			货名:<input type="text" name="spname"/>
			货号:<input type="text" name="spno"/>
			尺码:<input type="text" name="size"/>			
			<input type="submit" value="查询"/>
			
		</form>
    	<table  width="100%" border="0"   cellspacing="0" id='tbodyID'>
			<tr>
				<td>
					编号
				</td>
				<td>
					供应商名字
				</td>
				<td>
					商品名字
				</td>
				<td>
					商品颜色
				</td>
				<td>
					商品编号
				</td>
				<td>
					尺寸
				</td>
				<td>
					成分
				</td>
				<td>
					价格
				</td>
				<td>
					图片
				</td>
				<td>
					工厂地址
				</td>
				<td>
					备注
				</td>
				<td>
					拿货数量
				</td>
				 <td colspan="1" id="center" ><strong>操作</strong></td>
			</tr>
			<c:forEach items="${list}" var="s">
				<tr >
					<td>
						${s.id }
					</td>
					<td>
						${s.gysname }
					</td>
					<td>
						${s.spname }
					</td>
					<td>
						${s.color }
					</td>
					<td>
						${s.spno }
					</td>
					<td>
						${s.size }
					</td>
					<td>
						${s.chengfen }
					</td>
					<td>
						${s.price }
					</td>
					<td>
						<img src="/image/${s.tupianurl}" alt="" />	
					</td>
					<td>
						${s.url }
					</td>
					<td>
						${s.beizhu}
					</td>
					<td>
					<input type="text" name="shuliang" id="shuliang"/>	
				   </td>
					<td id="center"  >
						<a href="insert.jsp">增加
						    <font  size="2" color="red">
		                    <!-- 首先判断name1是否为空，如果不为空的话，就显示出来 -->
                             <c:if test="${not empty msg}">
                             <br/><c:out value="${msg}" escapeXml="false"/>
                            </c:if>
                      </font>
						</a>
					<a href="update.jsp?id=${s.id }">修改
					      <font  size="2" color="red">
		                    <!-- 首先判断name1是否为空，如果不为空的话，就显示出来 -->
                             <c:if test="${not empty msg}">
                             <br/><c:out value="${msg}" escapeXml="false"/>
                            </c:if>
					</a>
			        <a href="Shangpin.do?method=deleteShangpin&id=${s.id }">删除
			          <font  size="2" color="red">
		               <!-- 首先判断name1是否为空，如果不为空的话，就显示出来 -->
                       <c:if test="${not empty msg}">
                       <br/><c:out value="${msg}" escapeXml="false"/>
                       </c:if>
                      </font>
			        </a>
			        <input type='checkbox' id="id_box" name="id_box"/>
				</tr>
			</c:forEach>
		</table>
		<input type=button value='打印出库单' onclick='ck()'>
		<a href="Shangpin.do?method=selectByShangpin&index=1">首页</a>
		<a href="Shangpin.do?method=selectByShangpin&index=${page.index-1 }">上一页</a>
		<a href="Shangpin.do?method=selectByShangpin&index=${page.index+1 }">下一页</a>
		<a href="Shangpin.do?method=selectByShangpin&index=${page.count }">尾页</a>
		共 ${page.count}页
		<a href="Shangpin.do?method=downLoad">下载</a>
  </body>
</html>
